<template>
  <view class="container">
    <view class="content">
      <view class="icon">
        <i class="iconfont icon-zixunjieda"></i>
      </view>
      <view class="status">资料审核中</view>
      <view class="time">结果预计在24小时内微信消息通知</view>

      <view class="done" @click="handleDone">返回首页</view>
    </view>
  </view>
</template>

<script setup>
import CustomNav from "@/components/CustomNav/index.vue";

const handleDone = () => {
  uni.switchTab({
    url: "/pages/index/index",
  });
};
</script>

<style lang="scss" scoped>
.container {
  display: flex;
  width: 750rpx;
  min-height: 50vh;
  // align-items: center;
  justify-content: center;

  .content {
    width: 100%;
    padding: 400rpx 80rpx;
    text-align: center;

    .icon {
      margin-bottom: 30rpx;

      .iconfont {
        font-size: 100rpx;
        color: #19d56c;
      }

      .icon-fabu {
      }
    }

    .status {
      font-weight: 900;
      font-size: 36rpx;
      margin-bottom: 10rpx;
    }

    .time {
      color: #b0b0b0;
      font-size: 28rpx;
    }

    .done {
      width: 100%;
      background-color: $theme;
      border-radius: 50rpx;
      display: flex;
      align-items: center;
      justify-content: center;
      // position: fixed;
      // z-index: 999;
      // left: 50%;
      margin-top: 60rpx;
      bottom: 50rpx;
      // transform: translateX(-50%);
      color: $white;
      font-size: 30rpx;
      padding: 27rpx 0;
      box-shadow: 0 5rpx 30px #4296ff4f;
    }
  }
}
</style>
